@extends('backend::layout')
@push('styles')
    <link rel="stylesheet" type="text/css" href="{{asset(config('view.backend.theme.theme2').'/css/icon_demo.css')}}">
@endpush
@section('content')
<div class="row">
    @foreach($icons as $icon)
            <div class="col-lg-2 col-md-4 col-sm-6" style="max-width: 200px;">
                <div class="card my-1">
                    <div class="card-body d-flex flex-column p-2 align-items-center">
                        <div class="mb-2"><span style="font-size: 30px; color:rgba(0, 153, 255, 1);" class="hcl {{$icon}} font-weight-bold"></span></div>
                        <div class="flex-grow-1 pl-2">
                            <p class="card-text font-weight-bold" style="font-size: 16px;">{{$icon}}</p>
                        </div>
                    </div>
                </div>
            </div>
    @endforeach
</div>
@endsection